window.onload = function () {
   
  
    $.ajax({
        method: 'get',
        url: 'http://150.158.137.166:3001/shopcar/list',
        success: function (res) {
            console.log(res);
            if (res.status !== 200) {
                console.log('获取数据失败!');
            }
            let htmlStr = template('tpl', res)
            $('#tb').html(htmlStr)
        }
        
    })
    
  
    document.querySelector('#reset-data').onclick = function () {
        $.ajax({
            method: 'get',
            url: 'http://150.158.137.166:3001/shopcar/reset',
            success: function (res) {
                console.log(res);
                if (res.status !== 200) {
                    return console.log('重置数据失败!');
                }
                // let htmlStr = template('tpl', res)
                // $('#tb').html(htmlStr)

                if ($('#checkall').get(0).checked) {
                    $('#checkall').prop('checked', false)
                }
            }
        })
    }
    
    document.querySelector('#checkall').onchange = function () {
        $("#checkbox, #checkall").prop("checked", $(this).prop("checked"));
    }
   
    

    $('#tb').on('change', '.checkbox', function(e) {
        console.log(e.type)
        if ($('.checkbox:checked').length === $('.checkbox').length) {
            $('thead input').prop('checked', true)
        } else {
            $('thead input').prop('checked', false)
        }

        // $.ajax({
        //     method: 'post',
        //     url: "http://150.158.137.166:3001/shopcar/update",
        //     data: {
        //         id: $(this).attr('data-id'),
        //         ischecked: $(this).prop('checked')
        //     },
        //     success: function(res) {
        //         if (res.status !== 200) return console.log('失败')
                
        //     }
        // })
    })












}